<form id="usuarios" class="form-cadastro form-horizontal" method="post">
  <fieldset>
    <!-- Grupo -->
    <div class="control-group">
      <label class="control-label" for="grupo">Grupo *</label>
      <div class="controls">
        <select id="grupo" name="grupo" class="input-xlarge" data-placeholder="Selecione o grupo do usuário">
          <option />
          <?php foreach ($grupos as $g) { ?>
            <option value="<?php echo $g->id ?>"><?php echo $g->nome ?></option>
          <?php } ?>
        </select>
      </div>
    </div>

    <hr/>

    <!-- Login -->
    <div class="control-group">
      <label class="control-label" for="cpf">Login</label>
      <div class="controls">
        <input id="cpf" name="cpf" class="input-medium maskCpf checkCpf" type="text" required />
        <span class="help-block">O login será seu CPF. Não é possível alterar posteriormente.</span>
      </div>
    </div>

    <!-- Nome -->
    <div class="control-group">
      <label class="control-label" for="nome">Nome</label>
      <div class="controls">
        <input id="nome" name="nome" class="input-xlarge" type="text" required />
      </div>
    </div>

    <!-- E-mail -->
    <div class="control-group">
      <label class="control-label" for="email">E-mail</label>
      <div class="controls">
        <input id="email" name="email" type="email" required />
      </div>
    </div>

    <!-- Senha -->
    <div class="control-group">
      <label class="control-label" for="senha">Senha</label>
      <div class="controls">
        <input id="senha" name="senha" class="input-medium" type="password" required />
      </div>
    </div>

    <!-- Repita a senha -->
    <div class="control-group">
      <label class="control-label" for="repeat">Repita a senha</label>
      <div class="controls">
        <input id="repeat" class="input-medium" type="password" required />
      </div>
    </div>

    <div id="advogado" class="hide">
      <hr/>

      <!-- Título -->
      <div class="control-group">
        <label class="control-label" for="titulo">Título *</label>
        <div class="controls">
          <select id="titulo" name="titulo" class="input-large" data-placeholder="Selecione o título do advogado">
            <option />
            <option value="Sócio">Sócio</option>
            <option value="Associado">Associado</option>
          </select>
        </div>
      </div>

      <!-- OAB -->
      <div class="control-group">
        <label class="control-label" for="oab">OAB</label>
        <div class="controls">
          <input id="oab" name="oab" class="input-medium" type="text" />
        </div>
      </div>

      <!-- Informações -->
      <div class="control-group">
        <label class="control-label" for="informacoes">Informações</label>
        <div class="controls">
          <textarea id="informacoes" name="informacoes" rows="4" class="input-xxlarge"></textarea>
        </div>
      </div>

      <!-- Publicações -->
      <div class="control-group">
        <label class="control-label" for="publicacoes">Publicações</label>
        <div class="controls">
          <textarea id="publicacoes" name="publicacoes" rows="4" class="input-xxlarge"></textarea>
        </div>
      </div>

      <!-- Foto -->
      <div class="control-group">
        <label class="control-label" for="foto">Foto</label>
        <div class="controls">
          <div class="fileupload fileupload-new" data-provides="fileupload">
            <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"><img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" /></div>
            <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
            <div>
              <span class="btn btn-file"><span class="fileupload-new">Selecione a imagem</span><span class="fileupload-exists">Change</span><input type="file" /></span>
              <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remover</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </fieldset>

  <!-- Form actions -->
  <div class="form-actions">
    <button id="salvar" class="btn btn-large btn-inverse pull-right" type="submit">Salvar</button>
  </div>
</form>